<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>#(SEO_TITLE ?? WEB_TITLE ?? '登录')</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="Shortcut Icon" href="#option('WEB_LOGO','/static/public/images/favicon.ico')" type="image/x-icon"/>
    <link rel="stylesheet" href="/static/admin/static/component/pear/css/pear.css" />
    <link rel="stylesheet" href="/static/admin/static/admin/css/loader.css" />
    <link href="/static/admin/pages/login/css/login.css?v=#(version)" rel="stylesheet"/>
    <script type="text/javascript">
        if (window !== top){
            top.location.href = location.href;
        }
        window.onload = function f() {
            setTimeout(function () {
                document.getElementById("loading-box").style.display="none";
            }, 500);
        };
    </script>
    <style>

        .win10-login-box-square {
            width: 105px;
            margin: 0 auto;
            border-radius: 50%;
            background-color: darkgray;
            position: relative;
            overflow: hidden;
        }

        .win10-login-box-square::after {
            content: "";
            display: block;
            padding-bottom: 100%;
        }

        .win10-login-box-square .content {
            position: absolute;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <!-- 加 载 动 画 -->
    <div class="loader-main" id="loading-box">
        <!-- 动 画 对 象 -->
        <div class="loader"></div>
    </div>

    <div class="p-login-box" id="p-login-box">
        <div class="win10-login-box-square">
            <img src="/static/public/libs/win10/img/avatar.jpg" class="content"/>
        </div>
        <div class="p-login-box-title">#option('WEB_NAME','登录')</div>
        <form class="layui-form" lay-filter="addForm">
            <div class="layui-input-inline"  style="display: none;">
                <select lay-verify="" type="hidden"></select>
            </div>
            <div class="p-input-box">
                <input class="layui-input" type="text" name="account" required lay-verify="required" placeholder="请输入账号"/>
            </div>
            <div class="p-input-box">
                <input class="layui-input" type="password" name="password" required lay-verify="required" placeholder="请输入密码"/>
            </div>
            #if(!optionCompare('WEB_OPEN_CAPTCHA', '0'))
                <div class="p-input-box captcha-group-box">
                    <div class="layui-inline captcha-group">
                        <div class="layui-input-inline captcha-input-box">
                            <input type="text" name="captcha" placeholder="请输入验证码" required lay-verify="required" autocomplete="off" class="layui-input captcha-input">
                        </div>
                        <div class="layui-input-inline captcha-box">
                            <img onclick="this.src='/captcha?d='+Math.random();" id="captcha">
                        </div>
                    </div>
                </div>
            #end
            <button type="button" lay-submit lay-filter="addForm" class="pear-btn pear-btn-primary p-login-btn">登录</button>
        </form>
        <p class="p-login-box-bottom">
            还没有账号? 点击<a class="p-register-btn" href="/register">注册</a>
            <a href="/restPassword" style="float: right;">忘记密码</a>
        </p>
    </div>
    <script src="/static/public/libs/jquery/jquery-3.5.1.min.js"></script>
    <script src="/static/public/libs/layui-v2.5.6/layui/layui.js"></script>
    <script src="/static/admin/static/component/pear/pear.js"></script>
    <script src="/static/admin/pages/login/js/login.js?v=#(version)"></script>
</body>
</html>
